<template>
	<view>
		<view class="u-p-20" style="background-color: #fff;"><u-search placeholder="请输入查找内容" v-model="keyword"></u-search></view>
		<view class="u-flex u-row-between u-text-center u-p-l-50 u-p-r-50 u-p-t-40 u-p-b-20">
			<view>
				<u-icon name="account" size="80"></u-icon>
				<view>租赁</view>
			</view>
			<view>
				<u-icon name="shopping-cart" size="80"></u-icon>
				<view>购买</view>
			</view>
			<view>
				<u-icon name="rmb-circle" size="80"></u-icon>
				<view>出售</view>
			</view>
		</view>
		<view class="u-m-20 u-p-20 u-flex u-row-between" style="border-radius: 20rpx;background-color: #fff;width:710rpx;">
			<view>
				<image src="../../../static/1.jpg" mode="widthFix" style="width:300rpx"></image>
			</view>
			<view class="u-font-lg" style="margin-top:-10rpx;">
				<view>名称:白菜小型播种机</view>
				<view class="u-p-t-20 u-p-b-20">价格:35/天</view>
				<view>出厂日期:2023年11月25日</view>
				<button size="mini" style="background-color: #22b573;color:#fff;position: relative;left:160rpx;top:60rpx;">立即租用</button>
			</view>			
		</view>
		<view class="u-m-20 u-p-20" style="border-radius: 20rpx;background-color: #fff;width:710rpx;">
			<view class="u-text-center u-m-30" style="font-size: 40rpx;">产品介绍</view>
			<view style="line-height:1.2rem;letter-spacing:0.2rem;">
				1.本产品针对白菜病虫害地识别分类，将深度学习技术与小程序结合，开发一套高效的白菜病虫害线上识别系统，同时通过机器人地摄像头，可进行远程实时监控，替代传统的人工观察方法，同时平台提供租赁功能，缓解农民经济压力。
			</view>
			<view style="line-height:1.2rem;letter-spacing:0.2rem;padding-top:30rpx;">
				2.主要特点包括结构简洁、转弯半径小、操作灵活，能够适应从平坦的农田到起伏的丘陵地区，无论土壤质地是板结还是疏松，都能够高效适应并完成播种任务。即便是1-2分地的小块田地，小型播种机也能确保作业的顺利进行。
			</view>
		</view>
	</view>
</template>

<script>
	var vk = uni.vk;
	export default {
		data() {
			// 页面数据变量
			return {
				keyword:"",
				scrollTop:0,
			}
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		// 监听 - 页面每次【加载时】执行(如：前进)
		onLoad(options = {}) {
			vk = uni.vk;
			this.options = options;
			this.init(options);
		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady(){},
		// 监听 - 页面每次【显示时】执行（如：前进和返回）（页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面）
		onShow() {},
		// 监听 - 页面每次【隐藏时】执行（如：返回）
		onHide() {},
		// 监听 - 页面每次【卸载时】（一般用于取消页面上的监听器）
		onUnload(){},
		// 监听 - 页面下拉刷新
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		/**
		 * 监听 - 点击右上角转发时 文档 https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage
		 * 如果删除onShareAppMessage函数，则微信小程序右上角转发按钮会自动变灰
		 */
		onShareAppMessage(options) {
			
		},
		// 函数
		methods: {
			// 页面数据初始化函数
			init(options={}){
				console.log("init: ",options);
			},
			pageTo(path) {
				vk.navigateTo(path);
			},
		},
		// 监听器
		watch:{
			
		},
		// 计算属性
		computed:{
			
		}
	}
</script>
<style>
	/* page不能写带scope的style标签中，否则无效 */
	page {
		background-color:#f3f3f3;
	}
</style>
<style>  

</style>